*{margin:0px auto;padding:0px;font-family: "微软雅黑";list-style-type: none;}

img{width:auto;height: auto;max-width: 100%; };

h1,h3,ul,h2,h4,p,h5{margin: 0px;}

@charset "utf-8";
/* CSS Document */

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	color: #000000;
}

body {
	overflow-y: scroll;
	
}
.End{overflow: hidden;}

*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition-timing-function: linear;
-moz-transition-timing-function: linear; /* Firefox 4 */
-webkit-transition-timing-function: linear; /* Safari 和 Chrome */
-o-transition-timing-function: linear; /* Opera */

}

img{width: auto;max-width: 100%;height: auto;}
.img-max{width: auto;height: auto;max-width: 100%;}
.box{overflow: hidden;}
b{font-weight: normal;}
a,a:link{ color: #000; text-decoration: none !important;}
a:hover,a:active,a:focus{ color: #0075c1; }
::selection{background:#2fb2ed; color:#fff;}
::-moz-selection{background:#2fb2ed; color:#Fff;}


.animate_End{width: 100%;overflow: hidden;}


/*定义动画*/
.e-ani *{-webkit-transition: .3s,color 0s; transition:.3s,color 0s; }
.nav *,.nav *:after,.nav *:before{-webkit-transition:height .3s, width .3s, color .3s,  -webkit-box-shadow .3s,border .3s,opacity .3s,-webkit-transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .3s;
transition:height .3s, width .3s, box-shadow .3s,border .3s,opacity .3s, transform .3s,background .3s, opacity .3s,top 0s,right .3s,bottom .3s,left .3s,padding .3s;}

.nav * .nav-btn-bg{-webkit-transition:left .3s ease .03s; transition:left .3s ease .03s;}/*0.03延迟解决".nav-btn-bg"元素抖动*/

.e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s;}

*.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s;}

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}







/*--简易切换动画--*/
/*
 * 上下
 * 
 */
.tabs-box-top .bd{ position: relative; overflow: hidden;}
.tabs-box-top .bd>.tabs-hide{ position: absolute; top: -1000%; width: 100%; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide-top .8s; animation: tabs-hide-top .8s;}
@-webkit-keyframes tabs-hide-top /* Safari 和 Chrome */
{
from { -webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
to { -webkit-transform: translateY(-105%); transform: translateY(-105%);  opacity: 0;}
}
@keyframes tabs-hide-top
{
from { -webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
to { -webkit-transform: translateY(-105%); transform: translateY(-105%);  opacity: 0;}
}
.tabs-box-top .bd>.tabs-on{ position: absolute; top: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;}
.tabs-box-top .bd>.tabs-show{ position: absolute; top: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show-top .8s; animation: tabs-show-top .8s;}
@-webkit-keyframes tabs-show-top /* Safari 和 Chrome */
{
from {  -webkit-transform: translateY(-105%); transform: translateY(-105%);  opacity: 0;}
to {-webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
}
@keyframes tabs-show-top
{
from {  -webkit-transform: translateY(-105%); transform: translateY(-105%);  opacity: 0;}
to {-webkit-transform: translateY(0); transform: translateY(0);  opacity: 1;}
}




/*
 * 左右
 * 
 */
.tabs-box .bd{ position: relative; overflow: hidden;}
.tabs-box .bd>.tabs-hide{ position: absolute; top: -1000%; width: 100%; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;}
@-webkit-keyframes tabs-hide /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(-105%); transform: translateX(-105%);  opacity: 0;}
}
@keyframes tabs-hide
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(-105%); transform: translateX(-105%);  opacity: 0;}
}
.tabs-box .bd>.tabs-on{ position: absolute; top: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;}
.tabs-box .bd>.tabs-show{ position: absolute; top: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s;}
@-webkit-keyframes tabs-show /* Safari 和 Chrome */
{
from {  -webkit-transform: translateX(-105%); transform: translateX(-105%);  opacity: 0;}
to {-webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}
@keyframes tabs-show
{
from {  -webkit-transform: translateX(-105%); transform: translateX(-105%);  opacity: 0;}
to {-webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}





 /**
  * 低于319
  */



@media screen and (max-width: 319px) {
	html {background:url(../img/displayNone.png) center center no-repeat;}
	body {display: none;}
}

.bd_weixin_popup{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}
#map label,#map img{max-width: none !important; width: initial !important;}
#map4 label,#map4 img{max-width: none !important; width: initial !important;}
#map3 label,#map3 img{max-width: none !important; width: initial !important;}
#map2 label,#map2 img{max-width: none !important; width: initial !important;}
#map *{ font-size: 12px;}
#map,#map4{width: 100% !important;}

.BMapLabel{border: none !important;}

div.pages {
		TEXT-ALIGN: center;
		width: 100%;
		padding: 0;
		margin: 35px 0 20px 0;
		line-height: 1.7;
	/*	float: left;*/
		}
div.pages *{ line-height: 1.7;}
div.pages a,div.pages span {
		TEXT-DECORATION: none;
		background: #fff;
		border: 1px solid #888888;
		padding: 5px 10px;
		margin: 3px;
		color: #888888;
		font-size: 12px;
		display: inline-block;
}
div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled  {
		background: #0075c1;
		color: #fff;
		border: 1px solid #0075c1;
}

/*图片比例裁剪预设*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: auto; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
i.pic-size-max img{width: auto;height: 100%;object-fit: cover;}
i.pic-size-contain img{width: 100%;height: 100%;object-fit: contain;}
/* <i class="pic-size"><img src="img/pic-03.jpg" alt="" /></i>
 */
 i.pic-scale-news10{padding-bottom: 10%;}
 i.pic-scale-news20{padding-bottom: 20%;}
 i.pic-scale-news30{padding-bottom: 30%;}
 i.pic-scale-news40{padding-bottom: 40%;}
 i.pic-scale-news50{padding-bottom: 50%;}
 i.pic-scale-news54{padding-bottom: 54%;}
 i.pic-scale-news55{padding-bottom: 55%;}
 i.pic-scale-news56{padding-bottom: 56%;}
 i.pic-scale-news60{padding-bottom: 60%;}
 i.pic-scale-news65{padding-bottom: 65%;}
 i.pic-scale-news70{padding-bottom: 70%;}
 i.pic-scale-news73{padding-bottom: 73%;}
 i.pic-scale-news75{padding-bottom: 75%;}
 i.pic-scale-news78{padding-bottom: 78%;}
 i.pic-scale-news80{padding-bottom: 80%;}
 i.pic-scale-news90{padding-bottom: 90%;}
 i.pic-scale-news110{padding-bottom:110%;}
 i.pic-scale-news54{padding-bottom: 54%;}
 i.pic-scale-news132{padding-bottom: 132%;}
 
 
/**
 * 头部banner图控制
 */
@media screen and (min-width: 320px){
	.banner{
	background-size: cover;background-position: center center;background-repeat: no-repeat;padding-bottom: 15%;}
}



@media screen and (min-width: 992px) {
	.banner{
	background-size: cover;background-position: center center;background-repeat: no-repeat;height: 350px;padding-bottom: 0;}
	.Intercepts{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display:block;
	}
}


 @media screen and (min-width: 992px) {
	.relative{position: relative;}
	.absolute{position: absolute;}
}

 /**
  * 字符串超出截取
  */

.Intercept{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display:block;
	}
 /*只显示两行*/
.Intercept-2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
 
 .Intercept-3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
 .Intercept-5{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
 /**
 * css实现 再水平线中间插入文字
 */
.text-with-hr {
    text-align: center;
    position: relative;
}
/*
横线，并通过z-index：-1将or附近的横线遮盖住
*/
.text-with-hr:before {
    position: absolute;
    content: '';
    top: 30px;
    left: 0px;
    width: 100%;
    border-bottom: 1px solid #333333;
    z-index: -1;
}
.text-with-hr h2 {
    display: inline-block;
    background: white;
    padding: 13px;
    color:#333333;
    font-size: 30px;font-weight: bold;
}
/**
 * css实现 再水平线中间插入文字
 */
 
 @media screen and (min-width: 320px) and (max-width: 991px) {
	
	.Caster-content h1{ font-size: 24px !important;}
	.Caster-content h2{ font-size: 20px !important;}
	.Caster-content h3{ font-size: 18px !important;}
	.Caster-content h4{ font-size: 16px !important;}
	.Caster-content h5{ font-size: 15px !important;}
	.Caster-content h6{ font-size: 14px !important;}
	.Caster-content,.Caster-content *{ font-size: 14px !important;}
	
	.f-max h1{ font-size: 32px !important;}
	.f-max h2{ font-size: 28px !important;}
	.f-max h3{ font-size: 24px !important;}
	.f-max h4{ font-size: 20px !important;}
	.f-max h5{ font-size: 18px !important;}
	.f-max h6{ font-size: 16px !important;}
	.f-max,.f-max *{ font-size: 16px !important;}
	
	.f-medium h1{ font-size: 24px !important;}
	.f-medium h2{ font-size: 20px !important;}
	.f-medium h3{ font-size: 18px !important;}
	.f-medium h4{ font-size: 16px !important;}
	.f-medium h5{ font-size: 15px !important;}
	.f-medium h6{ font-size: 14px !important;}
	.f-medium,.f-medium *{ font-size: 14px !important;}
	
	.f-min h1{ font-size: 20px !important;}
	.f-min h2{ font-size: 18px !important;}
	.f-min h3{ font-size: 16px !important;}
	.f-min h4{ font-size: 14px !important;}
	.f-min h5{ font-size: 13px !important;}
	.f-min h6{ font-size: 12px !important;}
	.f-min,.f-min *{ font-size: 12px !important;}
	}
 
  @media screen and (min-width: 992px) {
	
	.f-max h1{ font-size: 48px !important;}
	.f-max h2{ font-size: 40px !important;}
	.f-max h3{ font-size: 32px !important;}
	.f-max h4{ font-size: 28px !important;}
	.f-max h5{ font-size: 24px !important;}
	.f-max h6{ font-size: 20px !important;}
	.f-max,.f-max *{ font-size: 20px !important;}
	
	.f-medium h1{ font-size: 32px !important;}
	.f-medium h2{ font-size: 28px !important;}
	.f-medium h3{ font-size: 24px !important;}
	.f-medium h4{ font-size: 20px !important;}
	.f-medium h5{ font-size: 18px !important;}
	.f-medium h6{ font-size: 16px !important;}
	.f-medium,.f-medium *{ font-size: 16px !important;}
	
	.f-min h1{ font-size: 24px !important;}
	.f-min h2{ font-size: 20px !important;}
	.f-min h3{ font-size: 18px !important;}
	.f-min h4{ font-size: 16px !important;}
	.f-min h5{ font-size: 15px !important;}
	.f-min h6{ font-size: 14px !important;}
	.f-min,.f-min *{ font-size: 14px !important;}
  }
 
 
 /**
  * 头部
  */
 /**
 * 手机版 320px 到 991px 宽度
 */
@media screen and (min-width: 320px) and (max-width: 991px) {
	
	
	.search-btn-bd{right: 10px;top: 10px;position: absolute;}
	.search-btn-bd button{border: none;background: none;color: #019464;font-size: 22px;}
	
	.Intercept-re{
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display:block;
		}
			
 	.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
	.container{ padding: 0 15px; margin: 0 auto;}
	.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
	body{font-size: 12px;}
	.header-bg{background: url(../img/header-bg.jpg) center center no-repeat; height: 40px; position: relative; z-index: 99999;}
	.header-l{ float: left; display: none;}
	.header-r{ float: right; line-height: 40px;}
	.header-r *{ line-height: 40px; font-size: 12px; padding: 0; margin: 0;}
	.header-r span{ float: left; color: #23282d;}
	.header-r dl{float: left; color: #23282d; line-height: 40px; position: relative;}
	.header-r .bk{ background: #333; color: #e1e2e3; font-size: 14px; line-height: 14px; width: 14px; height: 14px; display: inline-block;  margin-right: 5px; -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; text-align: center;}
	.header-r dt{ font-weight: normal; cursor: pointer;}
	.header-r dd{ position: absolute; right: 0; top: 40px; background: #fff; padding: 5px; z-index: 999999; border: solid 1px #ddd; display: none;}
	.header-r hr{ border: none; border-right: solid 1px #b6b9bb; float: left; margin: 0 5px; height: 14px; width: 0; margin-top: 13px;}
	
	
	.header-box{ height: 50px; overflow: hidden;  z-index: 8; position: relative; width: 100%; background: url(../img/header-bg.jpg) center center no-repeat; }
	.header-shadow{-webkit-box-shadow: 0 0 13px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 13px rgba(0,0,0,.1);
	box-shadow: 0 0 13px rgba(0,0,0,.1); position: relative;}
	.nav-box{ ; width: 100%;}
	.nav-box-show{  z-index: 99; top: 0;}
	.logo{font-weight: normal; padding: 0; margin:0; float: left; position: absolute; z-index: 1; overflow: hidden;}
	
	.logo img{ width: 60%;margin-left: 0;}
	.logo b{ float: left; font-size: 12px; line-height: 50px; padding-left: 15px; color: #222;}
		
	.header{ position: absolute; top: 0; width: 100%; z-index: 9999;}
	.nav-btn{position: relative; top: 0; width: 36px; margin-top: 10px; cursor: pointer; z-index: 9999; cursor: pointer; float: right;}
	.nav-btn div.btn-02{ height: 36px; width: 36px; overflow: hidden;}
	.btn-02 i{ width: 36px; height: 36px; line-height: 36px; display: block; text-align: center; font-size: 40px; color: #000;}
	.btn-02 .nav-hide-btn{display: none; font-size: 30px;}
	.nav-btn-show .btn-02 .nav-show-btn{display: none;}
	.nav-btn-show .btn-02 .nav-hide-btn{display: block; color: #000;}
	.nav-btn-show .btn-02 .nav-hide-btn:before{ line-height:  36px; height:  36px; display: block; overflow: hidden;}
	.nav{ width: 0;position: fixed; right: 0; top: 0; background: #fff; z-index: 99; padding: 10px 0 106px 0; height: 100%;
		-webkit-box-shadow: 0px -5px 20px rgba(0,0,0,.1);
	-moz-box-shadow: 0px -5px 20px rgba(0,0,0,.1);
	box-shadow: 0px -5px 20px rgba(0,0,0,.1);
		-webkit-transition-duration: .3s;
		-moz-transition-duration: .3s;
		-ms-transition-duration: .3s;
		-o-transition-duration: .3s;
		transition: .3s; overflow: hidden;}
	.nav ul,.nav li{padding: 0; margin: 0; list-style: none;}
	.nav ul{ height: 100%; overflow: visible; width: 240px;}
	.nav li{ border-bottom: solid 1px #ededed; display: block;}
	.nav li a{ padding-left: 15px; line-height: 50px; font-size: 14px; display: block; text-transform: uppercase; color: #666; -webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition: .3s; overflow: hidden;}

	.nav li a b{ color: #222; float: left; font-weight: normal !important;}
	.nav li a i{float: right; padding-right: 15px; color: #222; font-size: 14px; font-weight: bold;}
	.nav li a i.icon-sanjiao{ display: none;}
	.body-box{ width: 100%; height: 100%; position: relative; background: none; -webkit-transition-duration: 0.3s; 
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;}
	.body-box-show{ position: fixed; top: 0;}
	.nav ul div{display: none;}
	.nav li div a{font-size: 14px;}
	.nav-show{ width: 240px; opacity: 1;}
	.nav-show ul{ overflow-y: scroll;margin-top: 40px;}

	.nav li{-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;}
	
	.nav li div{ background: #f5f5f5;}
	.nav li .nav-rj-on{ color: #2fb2ed;}
	.max dl,.max dt,.max dd{padding: 0; margin: 0;}
	.btn-box{ width: 240px; height:  36px;}
	
	.top-r{ }
	
	.link-box a{ text-transform: uppercase;}
	.link-box{ margin: 6px 15px; overflow: hidden; width: 200px; overflow: hidden;}
	.link-box div{ margin-left: -8px;}
	.link-box a{ float: left; line-height: 24px; height: 24px; padding: 0 8px; font-size: 12px; position: relative;}
	.link-box a *{ display: inline-block; overflow: hidden; color: #777;}
	.link-box a:before{ content: ' ';  border-left: dotted 1px #777777; position: absolute; left: 0; height: 12px; margin-top: 6px;}
	
	.search-box{ padding: 15px 0; padding-top: 0;
	}
	.search-bd{position: relative; position: relative;}
	.search-txt{ width: 100%; padding: 0 55px 0 10px; height: 40px; border: solid 1px #cbcbcb; outline: none;}
	.search-btn{ color: #fff; background: #000; width: 40px; position: absolute; top: 0; right: 0; height: 40px; font-size:15px; border: none; cursor: pointer;}

	




}